<template>
  <div id="app_left">
    <h1>优就业</h1>
    <ul class="nav">
      <li class="nav-item" @click="change('indexx')">首页展板</li>
      <li class="nav-item" @click="change('soures')">课程管理</li>
      <li class="nav-item" @click="change('classes')">班级管理</li>
      <li class="nav-item" @click="change('exam')">考试管理</li>
      <li class="nav-item" @click="change('teacher')">师资管理</li>
    </ul>
  </div>
</template>

<script>
export default {
  methods:{
    change(t){
      this.$emit('sendDate',t)
    }
    
  }
};
</script>

<style>
#app_left > h1 {
  color: white;
  line-height: 58px;
  text-align: center;
  background-color: #4d678d;
}
#app_left .nav {
  padding-top: 50px;
}
#app_left .nav-item {
  height: 70px;
  font-size: 24px;
  font-weight: 600;
  color: white;
  text-align: center;
  line-height: 70px;
  cursor: pointer;
}
#app_left .nav-item:hover {
  background-color: #3b3e4d;
}
</style>